<template>
  <div>
    <p class="wx_pay">微信支付</p>
    <el-row class="pay_weixin">
      <el-button plain><img src="../assets/wx_native.svg" alt=""><p>微信二维码</p></el-button>
      <el-button plain><img src="../assets/wx_bar.svg" alt=""><p>微信条码</p></el-button>
      <el-button plain><img src="../assets/wx_jsapi.svg" alt=""><p>公众号/小程序</p></el-button>
      <el-button plain><img src="../assets/wx_h5.svg" alt=""><p>微信h5</p></el-button>
    </el-row>
  </div>
</template>

<script>
export default {
  name: "weixin",
};
</script>

<style>
.pay_weixin img{
    float:left;
    margin-right: 5px;
}
.pay_weixin p{
    float: left;
}
.wx_pay{
    font-size: 16px;
    margin-bottom: 12px;
}
</style>